<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物</title>
    <!-- css初始化 -->
    <link rel="stylesheet" href="./css/14-京东css初始化.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/commom.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <!-- 快捷导航栏 -->
    <div class="shortcut ">
        <div class="w">
            <div class="shortcut-left">
                <ul>
                    <li>品优购欢迎您！&nbsp;</li>
                    <li><a href="#">请登录</a> &nbsp;</li>
                    <li><a href="#">免费注册</a> &nbsp;</li>
                </ul>
            </div>
            <div class="shorcut-right">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li></li>
                    <li><a href="#" class="icomoon1">我的品优购</a></li>
                    <li></li>
                    <li><a href="#">品优购会员</a></li>
                    <li></li>
                    <li><a href="#">企业采购员</a></li>
                    <li></li>
                    <li><a href="#" class="icomoon1">关注品采购</a></li>
                    <li></li>
                    <li><a href="#" class="icomoon1">客户服务</a></li>
                    <li></li>
                    <li><a href="#" class="icomoon1">网站导航</a> </li>

                </ul>
            </div>
        </div>

    </div>
    <!--头部开始-->
    <header class="header w">
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购">品优购</a>
            </h1>
        </div>
        <div class="search">
            <input type="search" placeholder="请搜索内容...">
            <button>搜索</button>
        </div>
        <div class="hotwords">
            <ul>
                <li><a href="#">优惠购首发</a></li>
                <li><a href="#">亿元优惠</a></li>
                <li><a href="#">9.9元团购</a></li>
                <li><a href="#">美满90减30</a></li>
                <li><a href="#"> 办公用品</a></li>
                <li><a href="#">电脑</a></li>
                <li><a href="#">通信</a> </li>
            </ul>
        </div>
        <div class="shopcar">
            <span>我的购物车</span>
            <i>80</i>
        </div>
    </header>
    <!--导航栏开始-->
    <nav class="nav w">
        <div class="dropdown">
            <div class="dt">
                全部商品分类
            </div>
            <div class="dd">
                <ul>
                    <li> <a href="#">家用电器</a></li>
                    <li> <a href="#">手机 数码 通信</a></li>
                    <li> <a href="#">电脑、办公</a></li>
                    <li> <a href="#">家居、家具、家装、厨具</a></li>
                    <li> <a href="#">男装、女装、童装、内衣</a></li>
                    <li> <a href="#">个户妆花、清洁用品、宠物</a></li>
                    <li> <a href="#">鞋靴、箱包、珠宝、奢侈品</a></li>
                    <li> <a href="#">运动户外、钟表</a></li>
                    <li> <a href="#">汽车、汽车用品</a></li>
                    <li> <a href="#">母婴、玩具乐器</a></li>
                    <li> <a href="#">食品、酒类、生鲜、特产</a></li>
                    <li> <a href="#">医药保健</a></li>
                    <li> <a href="#">图书、音像、电子书</a></li>
                    <li> <a href="#">彩票、旅行、充值、票务</a></li>
                    <li> <a href="#">理财、众筹、白条、保险</a></li>

                </ul>
            </div>
        </div>
        <div class="navitems">
            <ul>
                <li><a href="#">服装馆</a></li>
                <li><a href="#">美妆馆</a></li>
                <li><a href="#">传智超市</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">有趣</a></li>
            </ul>
        </div>
    </nav>
    <!--主栏开始-->
    <div class="w">
        <div class="main">
            <div class="banner">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>

            </div>
            <!--侧栏开始-->
            <aside class="aside">
                <div class="aside_top">
                    <div class="news">
                        <div class="news_top">
                            <span>品优购快报</span>
                            <div class="lr">
                                <a href="#">更多</a>
                            </div>
                        </div>
                        <div class="news_bottom">
                            <ul>
                                <li><a href="#">[特惠]爆款耳机五折秒！</a></li>
                                <li><a href="#">[特惠]母亲节，健康好礼低至5折！</a></li>
                                <li><a href="#">[特惠]爆款耳机五折秒！</a></li>
                                <li><a href="#">[特惠]9.9元洗100张照片</a></li>
                                <li><a href="#">[特惠]长江智能空调立省1000</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="flaytickt">
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                        <a href="#">话费 </a>
                    </div>
                </div>

                <div class="ad">

                </div>
            </aside>
        </div>
    </div>
    <!--今日推荐开始-->
    <div class="recommendation w">
        <div class="items1">
            <p>今日推荐</p>
        </div>
        <div class="items_zong">
            <div class="items">
                <a href="#">
                    <img src="./upload/pic.jpg" alt="">
                </a>

            </div>
            <div class="items">
                <a href="#">
                    <img src="./upload/pic.jpg" alt="">
                </a>
            </div>
            <div class="items">
                <a href="#">
                    <img src="./upload/pic.jpg" alt="">
                </a>
            </div>
            <div class="items">
                <a href="#">
                    <img src="./upload/pic.jpg" alt="">
                </a>
            </div>
        </div>

    </div>
    <!--家用电器开始-->
    <div class="jiayong w">
        <div class="jiaong_top">

            <div class="fl">
                <h3>家用电器</h3>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#" style="color: #c81623;">热门</a></li>
                    <li>

                    </li>
                    <li><a href="#">大家电</a></li>
                    <li>
                    </li>
                    <li><a href="#">生活电器</a></li>
                    <li>
                    </li>
                    <li><a href="#">厨房电器</a></li>
                    <li>

                    </li>
                    <li><a href="#">个户健康</a></li>
                    <li>

                    </li>
                    <li><a href="#">应季电器</a></li>
                    <li>

                    </li>
                    <li><a href="#">空气/净水</a></li>
                    <li>

                    </li>
                    <li><a href="#">新奇特</a></li>
                    <li>

                    </li>
                    <li><a href="#">高端电器</a></li>
                </ul>
            </div>

        </div>
        <div class="jiayong_bottom">
            <div class="itemss1">
                <ul>
                    <li><a href="#">i节能补贴</a></li>
                    <li><a href="#">4K电视</a></li>
                    <li><a href="#">空气净化器</a></li>
                    <li><a href="#">IH电饭煲</a></li>
                    <li><a href="#">滚筒洗衣机</a></li>
                    <li><a href="#">电热水器</a></li>
                </ul>
                <img src="./upload/floor-1-1.png" alt="">
            </div>
            <div class="itemss2">
                <img src="./upload/pic1.jpg" alt="">
            </div>
            <div class="itemss3">
                <div class="top3">
                    <img src="./upload/floor-1-2.png" alt="">
                </div>
                <div class="bottom3">
                    <img src="./upload/floor-1-3.png" alt="">
                </div>
            </div>
            <div class="itemss4">
                <img src="./upload/floor-1-4.png" alt="">
            </div>
            <div class="itemss5">
                <div class="top5">
                    <img src="./upload/floor-1-5.png" alt="">
                </div>
                <div class="bottom5">
                    <img src="./upload/floor-1-6.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--手机通讯开始-->
    <div class="jiayong w">
        <div class="jiaong_top">

            <div class="fl">
                <h3>家用电器</h3>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#" style="color: #c81623;">热门</a></li>
                    <li>

                    </li>
                    <li><a href="#">大家电</a></li>
                    <li>
                    </li>
                    <li><a href="#">生活电器</a></li>
                    <li>
                    </li>
                    <li><a href="#">厨房电器</a></li>
                    <li>

                    </li>
                    <li><a href="#">个户健康</a></li>
                    <li>

                    </li>
                    <li><a href="#">应季电器</a></li>
                    <li>

                    </li>
                    <li><a href="#">空气/净水</a></li>
                    <li>

                    </li>
                    <li><a href="#">新奇特</a></li>
                    <li>

                    </li>
                    <li><a href="#">高端电器</a></li>
                </ul>
            </div>

        </div>
        <div class="jiayong_bottom">
            <div class="itemss1">
                <ul>
                    <li><a href="#">i节能补贴</a></li>
                    <li><a href="#">4K电视</a></li>
                    <li><a href="#">空气净化器</a></li>
                    <li><a href="#">IH电饭煲</a></li>
                    <li><a href="#">滚筒洗衣机</a></li>
                    <li><a href="#">电热水器</a></li>
                </ul>
                <img src="./upload/floor-1-1.png" alt="">
            </div>
            <div class="itemss2">
                <img src="./upload/pic1.jpg" alt="">
            </div>
            <div class="itemss3">
                <div class="top3">
                    <img src="./upload/floor-1-2.png" alt="">
                </div>
                <div class="bottom3">
                    <img src="./upload/floor-1-3.png" alt="">
                </div>
            </div>
            <div class="itemss4">
                <img src="./upload/floor-1-4.png" alt="">
            </div>
            <div class="itemss5">
                <div class="top5">
                    <img src="./upload/floor-1-5.png" alt="">
                </div>
                <div class="bottom5">
                    <img src="./upload/floor-1-6.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--底部模块开始-->
    <footer class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <i></i>
                        <div class="mod_service_tit">
                            <h5>正品保障</h5>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="mod_service_tit">
                            <h5>正品保障</h5>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="mod_service_tit">
                            <h5>正品保障</h5>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="mod_service_tit">
                            <h5>正品保障</h5>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <divclass="mod_service_tit">
                            <h5>正品保障</h5>
                            <p>正品保障，提供发票</p>
                            </divclass=>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <div class="mod_help_item">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                </div>
                <div class="mod_help_item">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                </div>
                <div class="mod_help_item">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                </div>
                <div class="mod_help_item">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                </div>
                <div class="mod_help_item">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                </div>
                <div class="mod_help_item mod_kehu">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>
                            <img src="./img/erweima.png" alt="">
                            <p>品优购客户端</p>
                        </dd>



                    </dl>
                </div>
            </div>
            <div class="mod_copyright">
                <p class="mod_copyright_one">
                    关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U
                </p>
                <p class="mod_copyright_one">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编： 100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702
                </p>
            </div>
        </div>
    </footer>

</body>


</html>